<!--开头-->
<div id="header">
	<div id="topbar">你好！
		<%if(userInfo!=null){%>
		<a href="/member">
			<%=userInfo.loginname%>/
			<a href="/logout">退出</a>
		</a>
		<%}else{%>
		<a href="/login">登录</a>/
		<a href="/register">注册</a> 我的一帆
		<%}%>
	</div>
</div>
<div id="menu">
	<div id="mylogo">
		<a href="/">
			<img src="/img/logo.png" />
		</a>
	</div>
	<div id="menuad">
		<img src="/img/menuad.png" />
	</div>
	<div id="mysearch">
		<!--搜索-->
		<!--搜索-->
		<div id="searchbar">
			<table id="search" cellpadding="0" cellspacing="0">
				<tr>
					<td class="search_label">
						<input name="search_keywords" size="12" type="text" class="keywords" data-autocompleter="" value="面膜" onfocus="this.value=(this.value=='面膜')?'':this.value;" onblur="this.value=(this.value=='')?'面膜':this.value;" />
					</td>

					<td><input type="submit" value="搜索" class="btn_search" onfocus='this.blur();' /> </td>
				</tr>
			</table>
		</div>
		<!--搜素标签-->
		<div id="searchtag">
			<ul id="mytags" class="keytags">
				<li>
					<a href="search?q=面膜&js=1">面膜</a>
				</li>
				<li>
					<a href="search?q=苹果&js=1">苹果</a>
				</li>
				<li>
					<a href="search?q=上衣&js=1">上衣</a>
				</li>
				<li>
					<a href="search?q=外套&js=1">外套</a>
				</li>
				<li>
					<a href="search?q=空气净化&js=1">空气净化</a>
				</li>
			</ul>
		</div>
	</div>
	<div id="myad">
		<img src="/img/myad.png" />
	</div>
</div>
<!--logo 搜索  广告-->
<!--新版导航开始-->
<div id="nav_bg">
	<div class="yifan_nav_main clearfix">
		<!--所有类别-->
		<div class="fl yf_navmenu_title">
			<!--大标题-->
			<div id="title" class="yifan_nav_all">
				<i class="fa fa-align-justify"></i><span>所有类别</span>
			</div>
			<!--一级分类区域-->
			<div class="yifan_nav_all_panel clearfix">
				<!--左边分类区域-->
				<div class="yifan_nav_sider_left fl">
					<ul class="main_nav">
						<%for(i=0;i<categorylist.length;i++){%>
						<!--一级分类单项-->
						<li class="main_nav_item">
							<a class="title">
								<%=categorylist[i].category_name%>
							</a>
							<!--右边分类区域-->
							<% var css='';
											if(i==0){
											css='display:block';
										    }
											%>
							<div class="yifan_nav_item_panel clearfix" style="<%=css%>">
								<!--二三级分类左右两部分-->
								<div class="yifan_nav_item_list fl">
									<ul class="second_ul" class="clearfix">
										<!--循环加载二级数据-->
										<%for(j=0;j<categorylist[i].list.length;j++){%>
										<li class="yifan_nav_second_list" style="">
											<!--二级分类标题-->
											<h2><a ><%=categorylist[i].list[j].category_name%></a></h2>
											<!--三级分类-->
											<div class="yifan_nav_third_panel">
												<ul class="clearfix">
													<%for(k=0;k<categorylist[i].list[j].list.length;k++){%>
													<li>
														<a href="/gallery/<%=categorylist[i].list[j].list[k].category_Id%>">
															<%=categorylist[i].list[j].list[k].category_name%>
														</a>
													</li>
													<%}%>
												</ul>
											</div>
										</li>
										<%}%>
									</ul>
								</div>
								<div class="yifan_nav_item_img fl">
									<a href="#"><img src="/<%=categorylist[i].category_img%>" /></a>
								</div>
							</div>
						</li>
						<%}%>
					</ul>
				</div>

			</div>
		</div>
		<!--导航板块-->
		<div class="yf_gnav fl">
			<ul class="clearfix">
				<li>
					<a class="first" href="/">首页</a>
				</li>
				<li>
					<a href="/discount/1111">双十一活动</a>
				</li>
				<li>
					<a href="/ppyx">品牌优选</a>
				</li>
				<li>
					<a href="#">香港直邮</a>
				</li>
			</ul>
		</div>
		<!--购物车-->
		<div class="yifan_cart fr">
			<a href="/cart">
				<div class="yifan_cart_panel">
					<i class="fa fa-shopping-cart"></i>购物车
				</div>
		</div>
		</a>
	</div>
</div>
<!--新版导航结束-->